<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>【京东会员】京豆兑换、专享礼包</title>
    <link rel="stylesheet" type="text/css" href="css/global.css" />
    <link rel="stylesheet" type="text/css" href="css/detail.css" />
    <script>
        onload=function(){
            function changeColor(){
                var div=document.getElementById("body");
                if(div.style.backgroundColor=="mediumpurple"){
                    div.style.backgroundColor="darkred"
                }else if(div.style.backgroundColor=="darkred"){
                    div.style.backgroundColor="purple"
                }else{
                    div.style.backgroundColor="mediumpurple"
                }
            }
            changeColor();
            setInterval(changeColor,2000)
        }
    </script>
</head>
<body>
    <div id="cup">
        <div class="meau">
            <div class="logo">
                <a href="#"></a>
            </div>
            <div class="ngv">
                <ul>
                    <li><a href="#"><span class="red">首页</span></a></li>
                    <li><a href="#">会员福利</a></li>
                    <li><a href="#" class="plus">PLUS会员</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="body">
        <div class="box">
            <div class="left">
                <div class="l-top">
                    <a href="#"><img src="images/user.png"/></a>
                    <a href="#"><span class="user">周攀很优秀</span></a>
                    <a href="#"><img class="vip" src="images/vip.png"/></a>
                </div>
                <div class="l-middle">
                    <a href="#"><img  class="chart" src="images/chart.png"/></a>
                </div>
                <div class="l-buttom">
                    <div class="b-t">
                        <a href="#"><span class="useful">会员权益</span></a>
                        <a href="#" class="power"><span class="promotion">去提升<i class="iconfont">&#xe6b7;</i></span></a>
                    </div>
                    <div class="b-b">
                        <div class="b-b-t">
                            <ul>
                                <li class="zuo"><a href="#"><span class="jiantou"><i class="iconfont">&#xe63b;</i></span></a></li>
                                <li><a href="#"><img src="images/linesport.png"/><span>运费免单</span></a></li>
                                <li><a href="#"><img src="images/borth.png"/><span>生日特权</span></a></li>
                                <li><a href="#"><img src="images/youhui.png"/><span>会费立减</span></a></li>
                                <li><a href="#"><img src="images/libao.png"/><span class="four">京享礼包</span></a></li>
                                <li class="zuo"><a href="#"><span class="jiantou r"><i class="iconfont">&#xe637;</i></span></a></li>
                            </ul>
                        </div>
                        <div class="b-b-b">
                            <a href="#"><img  class="jingyan" src="images/btt.png"/></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="middle">
                <img src="images/liudongtu1.png"/>
            </div>
            <div class="right">
                <div class="r-meau">
                    <div class="r-box">
                        <div class="r-t">
                            <ul>
                                <li><a href="#" class="bag"></a><span>签到</span></li>
                                <li><a href="#" class="bag b"></a><span>礼包</span></li>
                            </ul>
                        </div>
                        <div class="r-b">
                            <a href="#"><img src="images/meishi.png"/></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="leg">
        <div class="floor">
            <div class="left">
                <img src="images/nianhuo.jpg"/>
            </div>
            <div class="right">
                <div class="top">
                    <ul>
                        <li><a href="#"><img src="images/nianhuo1.png"/></a></li>
                        <li><a href="#"><img src="images/nianhuo2.jpg"/></a></li>
                        <li><a href="#"><img src="images/nianhuo3f.jpg"/></a></li>
                    </ul>
                </div>
                <div class="buttom">
                    <ul>
                        <li><a href="#"><img src="images/nianhuo4.jpg"/></a></li>
                        <li><a href="#"><img src="images/nianhuo5.jpg"/></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="legt">
        <div class="floor">
            <div class="l-f-t">
                <a href="#"><span><i class="iconfont">&#xec1e;</i>会员福利<i class="iconfont">&#xec1e;</i></span></a>
                <a href="#"><span class="more">更多<i class="iconfont">&#xe6b7;</i></span></a>
            </div>
            <div class="l-f-b">
                <a href="#"><img src="images/lfb.png"/></a>
            </div>
        </div>
    </div>
    <div id="legth">
        <div class="floor">
            <div class="top">
                <a href="#"><img src="images/favo.png"/></a>
            </div>
            <div class="buttom">
                <a href="#"><img src="images/favo2.png"/></a>
            </div>
        </div>
    </div>
    <div id="report">
        <div class="warn">
            <span> 温馨提示：京东会员（vip.jd.com）的优惠促销信息具有较强的时效性，请亲在购物时注意核实，具体以京东相应活动页/商品页的实际促销及价格为准。 </span>
        </div>
    </div>
</body>
</html>